*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #dbdde0;
}
.head-one{
	/*display: flex;*/
	width: 100%;
	background-color: #333333
}
.head-top,.head-buttom{
	display: flex;
	justify-content: space-between;
	width: 1260px;
	height: 64px;
	margin: 0 auto;
}
#sousuo{
	height: 25px;
	margin-top: 10%;
	background-color:  rgb(82 83 98);
}
.head-two{
	width: 100%;
	background-color: #222222;
}
.buttom-left{
	display: flex;
}
.buttom-left .item,
.buttom-right .item{
	display: flex;
	width: 75px;
	height: 62px;
	border: 1px solid #222222;
	color: white;
	background-color: #2a2a2a;
	justify-content: center;
	align-items: center;
}

.buttom-left .item:hover,
.buttom-right .item:hover{
	cursor: pointer;
	background-color: red;
}
.word:hover{
	cursor: pointer;
	color: deepskyblue;
}
.news span:hover,.left-top:hover,
.zhon-right img:hover,.person-img:hover{
	cursor: pointer;
}
.left-buttom .item .item-text:hover{
	background-color: dimgray;
	color: white;
	cursor: pointer;
}
.person:hover{
	background-color: red;
	cursor: pointer;
}
li:hover{
	color: red;
	cursor: pointer;
}



.buttom-right{
	display: flex;
}
.login-register{
	display: flex;
	align-items: center;
}
.login-register .left{
	width: 83px;
	font-size: 10px;
	color: gainsboro;
}
.login-register .right{
	font-size: 10px;
	width: 130px;
	display: flex;
	align-items: center;
}
.login-register .right span{
	color: gainsboro;
	margin-left: 10px;
}
.news{
	width: 1260px;
	margin: 25px auto;
	font-size: 13px;
}
.xinwenzhixun{
	color: white;
	background-color: red;
}
.zhon{
	display: flex;
	width: 1260px;
	margin: 0 auto;
}
.left-zhon{
	width: 20%;
	/*display: flex;*/
	background-color: white;
	box-shadow: 0 0 2px 2px darkgray ;
}
.left-top{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.left-top span{
	font-size: 18px;
	padding-top: 5px;
	padding-right: 20px;
	text-align: right;
	height: 55px;
	width: 100%;
	background-color: darkgray;
}
.left-buttom .item{
	width:100%; 
	display: flex;
}
.left-buttom .item .item-text{
	height: 25px;
	width: 100px;
	margin: 10px 10px 10px 10px;
	padding-right: 10px;
	text-align: right;
	background-color: gainsboro;
}
.zhon-right{
	width: 60%;
	background-color: white;
}
.img-one{
	margin-top: 23px;
	margin-left: 10px;
}
.img-left{
	width: 380px;
	margin-left: 5px;
}
.img{
	display: flex;
	margin-top: 20px;
}
.img-two{
	margin-top:35px ;
}
.right-zhon{
	width: 20%;
	background-color: black;
}
.person{
	color: white;
	width: 200px;
	height: 80px;
	margin:20px auto;
	background-color: lightslategray;
}
.person span{
	display: flex;
	padding-top: 25px;
	justify-content: center;
}
.person-img{
	width: 80px;
	height: 90px;
}


.footer{
	width: 100%;
	background-color: #333;
}
.ul,.foot-logo{
	width: 1260px;
	margin: 20px auto;
	display: flex;
}
ul li{
	color: gainsboro;
	margin-left: 130px;
	margin-top: 20px;
	list-style: none;
	/*text-decoration: none;*/
}
.title{
	font-size: 24px;
	color: white;
}
.foot{
	width: 1260px;
	margin: 0 auto;
}
